/* Base styles 
------------------------------------------------------------------- */
html { color: #FFF; background-color: #000; }
body { font: 80%/1.5 "Arial Narrow",arial,verdana,sans-serif; background: #000; margin:0; padding:0;text-align: center;}


h1, h2, h3, h4, h5, h6, form { margin:0;}
p { margin:0 0 10px 0;}

h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; }

a, a:link { color: #00C; }
a.faded, a.faded:link { color: #36F; }
a:visited, a.faded:visited { color: #969; }
a:hover, a.faded:hover { color: #F00; text-decoration: none; }
a img { border: 0; }
a.active { padding: 3px 5px; font-weight: bold; text-decoration: none; color: #000; background: #F5F5F5; border: #CCC 1px solid; }
 a.active:hover, a.active:visited { color: #000; }

acronym, abbr { border-bottom: #000 1px dotted; }
acronym:hover, abbr:hover { cursor: help; }
ul.plain { list-style-type: none; }
 ul.plain li { margin: 0; }
hr { margin: 10px 0; border: #999 1px solid; }
hr.light { border: #CCC 1px solid; }

.hide { display: none; } 
.inline { display: inline; }
.nomargin { margin: 0 !important; }
.clear { clear: both; }
div.clear { height: 3px; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.capitalize { text-transform: capitalize; }

div#container { text-align: center;}
div#container_align { margin: 0 auto;width: 1000px; height: 800px; overflow:hidden;text-align: left;}

/* Header
------------------------------------------------------------------- */

.topnav_selected {border-bottom: 2px solid #F00;}
div#header{ top: 0px; width:1000px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; position: absolute; min-height: 43px; height:43px; background-color: #343434;}
div#logo { position: absolute; top: 0; left: 10px; width: 132px; height: 89px; background: #343434 url("../images/clp.png") no-repeat; z-index: 100;}
div#topnav { position: absolute; top: 0; left: 160px; height: 43px; margin: 0px; max-height: 43px;}                                                          
div#topnav ul { margin-top: 15px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding:0px; width: 670px;}                                      
div#topnav ul li { list-style-type:none; margin-top: 0px; margin-bottom: 0px; margin-left: 15px; font-size: 120%; font-weight: bold; display: inline;}       
div#topnav ul li b { color: #c7c7c7; font-weight: normal; }                                                                                                  
div#topnav a { color: #FFF; text-decoration: none;}                                                                                                          
div#topnav a:hover { color: #FF7; }                                                                                                                          
.nav_mark { height: 2px; background-color: #E0E; margin:0; padding: 0; display: none;}                                                                       
div#client_area_rq {position: absolute; left: 850px; width:150px;height:43px;}                                                                               
div#client_area_rq ul { margin-top: 15px; margin-left: 15px; margin-right: 15px; margin-bottom: 10px; padding:0px;}                                          
div#client_area_rq ul li { float: left; list-style-type:none; margin-left: 15px; font-size: 120%; color: #ee0000; }                                          
div#client_area_rq a { color: #E00; text-decoration: none;}                                                                                                  
div#client_area_rq a:hover { color: #F00; text-decoration: underline; }    

/*div#header{ margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; position: relative; min-height: 43px; background-color: #343434; }
div#logo { position: absolute; top: 0; left: 10px; width: 132px; height: 89px; background: #343434 url("../images/clp.png") no-repeat; z-index: 100;}
div#topnav { position: absolute; top: 0; left: 140px; height: 43px; margin: 0px;}
div#topnav ul { margin-top: 18px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding:0px;}
div#topnav ul li { float: left; list-style-type:none; margin-top: 0px; margin-bottom: 0px; margin-left: 15px; font-size: 120%; font-weight: bold; }
div#topnav ul li b { color: #c7c7c7; font-weight: normal; }
div#topnav a { color: #FFF; text-decoration: none;}
div#topnav a:hover { color: #FF7; }
.nav_mark { height: 2px; background-color: #E00;}
div#client_area_rq {float: right;}
div#client_area_rq ul { margin-left: 15px; margin-right: 15px; }
div#client_area_rq ul li { float: left; list-style-type:none; margin-left: 15px; font-size: 120%; color: #ee0000; }
div#client_area_rq a { color: #E00; text-decoration: none;}
div#client_area_rq a:hover { color: #F00; text-decoration: underline; }*/

div#main_home { color: #cacaca; font-size: 120%; max-width: 700px;}
div#main_home ul { margin:0px; padding: 0px; }
div#main_home ul li { list-style-type:none; margin:0px;padding:0px; }
.main_head { color: #ef821b; padding-left: 30px; background: url("../images/bullet.gif") no-repeat 0px 50%; display: block; margin: 10px 0px; font-size: 180%; font-weight: bold;}
div#main_home span { color: #777777; }


/* SideBar
------------------------------------------------------------------- */
.panel,.sidebar {background: url(../images/pan_grad.png) #252525 repeat-y left top;}
div#sidebarcontent {min-height:90px;}
p#copyright { margin: 5px 10px; color:#c6c6c6; text-align: center;}

/* Brief
------------------------------------------------------------------- */
.brief {width: 691px;border: 1px solid #737373;margin: 1px 0px;text-align: left;}
.brief a { color: #FFF; text-decoration: none;}
.brief a:hover { color: #EE0; text-decoration: underline; }
.bhdr {background: url(../images/pan_grad2.png) #252525 repeat-y left top;padding-left: 10px; /* cursor: hand; cursor: pointer;*/}
.bhdr span {text-transform: uppercase;}
.bhdr b {text-transform: uppercase;}
.bbdy {background: url(../images/pan_grad3.png) #555555 repeat-x left top; height: 50px; padding-left: 105px; padding-top: 3px;}



/* CONTACT US - PAGE
------------------------------------------------------------------- */
div#contact_us_page {font-size: 120%;margin: 0px 150px; font-weight: bold; color: #FFF; }
div#contact_us_page div { font-weight: normal; font-size: 180%; }
div#contact_us_page p { padding-top: 10px;}
div#contact_us_page a { color: #FFF; }
div#contact_us_page a.emlink { color: #EE0; text-decoration: none;}

/* Login
------------------------------------------------------------------- */
div#login {font-size: 120%; margin-top: 90px; font-weight: bold; color: #FFF; }
/*div#login table tr td {background-color: #737373;color: #000;}
div#login table tr th label {padding: 2px 15px; margin: 0; background-color: #737373; display: block; height: 22px; color: #000;}*/
div#login table tr th {padding: 2px 15px; margin: 0; background-color: #737373; color: #000;}
div#login table tr td input {margin: 0; border: 1px solid #737373; min-width: 200px; width: 100%; height: 22px;}
div#login table tr td div {float: right;}
div#login table tr td div input {margin:0; padding:0; border: 1px solid #737373;}
div#login span { font-size:180%; display: block;}
div#login a { color: #FF0; text-decoration: none;}
div#login p { font-weight: normal;}
div#login table tr td ul {background-color: #737373; display: block;margin:0; padding:0;}
div#login table tr td ul li { color: #E00;  margin-left: 20px; font-weight: bold;}

/* DEVELOPERS - PAGE
------------------------------------------------------------------- */
div#developers table tr td {font-size: 150%;}

/* PROJECT - PAGE
------------------------------------------------------------------- */
div#prjwrapper{ float: right; width: 100%; margin-left:-299px;}
div#prjcontent{ margin-left: 309px; min-height: 500px;}
div#prjnavigation{ float: left; width: 299px; }
div#prjfilter{ float: left; clear: left; margin-left:10px; width: 143px; min-height: 450px; padding-top: 47px; background-color: #000;}
div#prjextra{ float: right; width: 143px; overflow: auto; min-height: 500px; margin-left: 3px; background-color: #000; /*scrolling: yes;*/}
div#prjblog{ min-height: 90px; margin-top: 10px; margrin-right: 5px; overflow: auto; /*scrollbar-base-color:lime;*/
}
div#prjblogself{ }
div#prjpreview{ height:400px; background-color: #000; border: 1px solid #737373;}
div#prjfooter{ clear: left; width: 100%; background: url(../images/pan_grad2.png) #474747 repeat-y left top; border: 1px solid #737373;}

div#prjlogo{ position: absolute; width: 139px; height: 94px; padding: 2px;border-bottom: 1px solid #575757; top: 0px; left: 10px; background-color: #000;}
div#prj_filter_bottom{ valign: bottom; background-color: #000; text-align: center; font-size: 70%; height:50px;}


.category_preview0,.category_preview1,.category_preview2,.category_preview3,.category_preview4,.category_preview5,.category_preview6{color: #000; width: 124px;}
.category_preview7 { background-color: #e47c25; color: #e47c25;}
.category_preview0 { background-color: #6af4f7; color: #6af4f7;}
.category_preview1 { background-color: #8dfb5a; color: #8dfb5a;}
.category_preview2 { background-color: #ff9afe; color: #ff9afe;}
.category_preview3 { background-color: #fbff6b; color: #fbff6b;}
.category_preview4 { background-color: #9b93ff; color: #9b93ff;}
.category_preview5 { background-color: #909090; color: #909090;}
.category_preview6 { background-color: #ad8989; color: #ad8989;}
.category_preview_hdr{ background-color: #000; }
.category_preview_ctx{ min-width: 80px; min-height:60px; margin-bottom:1px; padding: 2px;}


div#category_filter_ctx { background: url(../images/gradient_menu_1.png) #252525 repeat-y left top; }
.category_filter {margin: 0; padding: 0; font-size: 120%;}

.category0,.category1,.category2,.category3,.category4,.category5,.category6 {padding-left: 10px;list-style-type:none;margin-top: -1px; border-bottom: 1px solid #575757; border-left: 1px solid #575757; text-transform: uppercase; font-weight: bold; cursor: hand; cursor: pointer; background: url(../images/gradient_menu_2.png) #474747 repeat-y left top;}
.subcategory {margin-left: 10px;list-style-type:none;margin-top: 0; margin-bottom: 0; margin-right: 0; border-bottom: 1px solid #000; text-transform: capitalize; color: #EEE; cursor: hand; cursor: pointer; }
.subcategory:hover {color: #CC0;}

.category0:hover,.category1:hover,.category2:hover,.category3:hover,.category4:hover,.category5:hover,.category6:hover {color: #CC0;}


.category0 { color: #e47c25;}
.category1 { color: #6af4f7;}
.category2 { color: #8dfb5a;}
.category3 { color: #ff9afe;}
.category4 { color: #fbff6b;}
.category5 { color: #9b93ff;}
.category6 { color: #909090;}
.category7 { color: #ad8989;}

div#image_zone_download {border: 1px solid #575757; background-color: #252525;color:#EEE;display:inline;padding:5px;position:absolute; font-size: 90%;}
div#image_zone_download a { color: #FFF; text-decoration: none;}
div#image_zone_download a:hover { color: #FF0; text-decoration: none;}
div#image_zone_description {border: 1px solid #575757; background-color: #252525;color:#EEE;padding:5px; font-size: 90%;}


.blog {border: 1px solid #737373;margin: 2px 0px;}
.bloghdr {background: url(../images/pan_grad2.png) #474747 repeat-y left top;padding-left: 10px;  cursor: hand; cursor: pointer;}
.blogbdy {background: url(../images/pan_grad3.png) #555555 repeat-x left top; max-height: 47px; padding: 3px 10px;}



/* Tabs
------------------------------------------------------------------- */
.tabs {margin:0 auto;text-align:left}
.tabcontainer {background-color:#FE9;margin:0;padding:2px;clear:both;}
.tabborder {background-color:#CCC;margin:0;padding:1px;}
.tabborderovr {background-color:#FFF;margin:0;padding:5px;}
.tabcontent {min-height:100px;}
.shadetabs,.shadetabs li {list-style-type:none;margin:0;padding:0;text-align: left;}
.shadetabs li{float:left;margin-left: 3px;text-align: center;padding:5px;background: url(../images/bluegradient_small.jpg) #009 repeat-x left top;color: #FFF;}
.shadetabs a{text-decoration:none;color: #FFF;margin:0;}
.shadetabs li a:hover{text-decoration:underline;}
.shadetabs li.selected a,.shadetabs li.selected a:hover{color:#000}
.shadetabs li.selected {background: url(../images/orangegradient.jpg) #FF9 repeat-x left top;color: #003;}


/* ERROR MESSAGES
------------------------------------------------------------------- */

.block-text {
    background: #f3bcbc url("../static/images/block.gif") no-repeat 1% 50%;
    color: #000;
    margin-top:5px;
    margin-bottom:5px;
    padding: 10px 40px;
    border: 1px solid #999
}


/* Edits
------------------------------------------------------------------- */

.edit-link {
    background: url("../static/images/sign_edit.gif") no-repeat 1% 50%;
    padding: 10px 40px;
}

.step_number{float: right;}
.blue_box { background-color:#444;}
.just_box, .blue_box {padding: 5px;}
.blue_box label,.just_box label {font-weight: bold;}
.wideField {width: 100%}
.middleField {width: 50%}
.requiredField {color: #EEB00F;}
.smallLabel, .fix_smallLabel {font-size:90%;}
.fix_smallLabel {width:100px;}
.smallText {color: #314A83;}
.formElement100, .formElement,.wideField,.middleField {border:1px solid #A1BAD3;}
.formElement100 {position: relative;left:100px;}
.boxx_box { border:1px solid #A1BAD3; margin-top:5px;}
.boxx_hdr { background-color: #A1BAD3;padding-left:3px;}
.boxx_cap { background-color: #E2ECF5; padding:5px;}
.boxx_ctx { padding:5px;}
.nonediv {padding:0px; margin:0px; display:inline;}


/* Form
------------------------------------------------------------------- */
/*.body-content { margin-bottom: 3px; float:left; width:565px; background-color:#fff; border:1px solid #6699CC; padding:2px }*/
.body-content { margin-bottom: 3px; background-color:#333; border:1px solid #666; padding:2px; color: #FFF }
.content-head { background-color:#555; padding:0 5px; height:40px; line-height:40px; font-size:14px; font-weight:bold; border:1px solid #777 }
.content-head span { float:right; font-size:12px; vertical-align:middle; }
.content-head span img { vertical-align:middle; margin-top:5px; }
.content-head h1, .content-head h3 { font-size:17px; margin-left:6px; }
.content-head a { color: #0066cc; font-size: 11px; font-weight: bold; text-decoration: underline }
.content-head .member { font-size: 11px; font-weight: bold }
.content-head .member a { color: #000 }
.content-head .help a { color: #0066cc; font-size: 11px; font-weight: bold; text-decoration: underline; background: url(../images/form-btn-help.gif) no-repeat; padding-left: 15px }
.content-form, .content-form td, .content-form td font.f { color:#EEE; font-size: 12px }
.content-form td h3 { font-size: 14px }
.content-form { padding:5px; min-height: 50px }
.content-form a { text-decoration:underline; color:#EEE }
.content-form a:hover { color:#EE0; }

/* Content area 
------------------------------------------------------------------- */
div#wrapper h1 { margin: 0 0 0.5em 0; color: #006; line-height: 1em; }
div#wrapper h2 { margin: 0.25em 0 0.5em 0; color: #006; }
div#wrapper h3 { margin: 0.25em 0 0.5em 0; color: #006; }
div#wrapper h4 { margin: 0.25em 0 0.5em 0; color: #006; }
div#wrapper h5 { margin: 0.25em 0 0.5em 0; color: #666; }
div#wrapper h6 { margin: 0.25em 0 0.5em 0; color: #666; }
div#wrapper p { margin: 0.5em 0 1em 0; }
div#wrapper blockquote { margin: 1em 2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666; }

 div#wrapper p.note { padding-left: 26px; font-style: italic; background: url(../images/comment.png) no-repeat left center; }
 a.more_link { padding-right: 12px; font-style: italic;}

div#navigation div.content { margin-right: 10px; }
div#extra div.content { margin-left: 10px; padding-left: 10px; border-left: #DDD 1px solid; }

div#navigation h2, div#extra h2 { margin: 0 0 0.5em 0; color: #006; line-height: 1em; }
div#navigation h3, div#extra h3, div#navigation h4, div#extra h4 { margin: 0 0 0.5em 0; }

/* Layouts - based on LayoutGala (http://blog.html.it/layoutgala/)
------------------------------------------------------------------- */

/* Layout 0: Fluid, 2 fixed sidebars (Navigation left, Extra right) - LG13 */
body.layout0 div#wrapper{ float: left; width: 100%; }
body.layout0 div#content{ margin: 0 210px; }
body.layout0 div#navigation{ float: left; width: 200px; margin-left: -100%; }
body.layout0 div#extra{ float: left; width: 200px; margin-left: -200px; }
body.layout0 div#footer{ clear: left; width: 100%; }

/* Layout 1: Fluid, 1 fixed left sidebar (Navigation AND Extra) - LG24 */

body.layout1 div#wrapper{ width: 100%; top: 70px; position: absolute; max-width: 1000px;}                                                                    
body.layout1 div#content{ margin-left: 150px; z-index:5;}                                                                                                    
body.layout1 div#navigation{ width: 200px; top: 43px; position: absolute; max-width: 200px;}                                                                 
body.layout1 div#extra{ float: left; clear: left; width: 200px;  display: none; }                                                                            
body.layout1 div#footer{ clear: left; width: 100%; display: none;}  

/*body.layout1 div#wrapper{ float: right; width: 100%; margin-left:-140px; }
body.layout1 div#content{ margin-left: 150px; }
body.layout1 div#navigation{ float: left; width: 140px; }
body.layout1 div#extra{ float: left; clear: left; width: 140px; }
body.layout1 div#footer{ clear: left; width: 100%; }*/


body.layout2 div#wrapper{ width: 100%; top: 43px; position: absolute; max-width: 1000px;}                                                                    
body.layout2 div#content{ margin-left: 210px; z-index:5;}                                                                                                    
body.layout2 div#navigation{ width: 200px; top: 43px; position: absolute; max-width: 200px;}                                                                 
body.layout2 div#extra{ float: left; clear: left; width: 200px;  display: none; }                                                                            
body.layout2 div#footer{ clear: left; width: 100%; display: none;}  


/* Layout 2: Fluid, 1 fixed right sidebar (Navigation AND Extra) - LG23 */
/*body.layout2 div#wrapper{ float: left; width: 100%; margin-left: -160px; }
body.layout2 div#content{ margin-left: 170px; }
body.layout2 div#navigation{ float: right; width: 160px; }
body.layout2 div#extra{ float: right; clear: right; width: 160px; }
body.layout2 div#footer{ clear: left; width: 100%; }*/

/* Layout 3: Fluid, full client area */
/*body.layout3 div#wrapper{ float: left; width: 100%;  }
body.layout3 div#content{ margin-left: 0px; }
body.layout3 div#navigation{display: none; }
body.layout3 div#extra{ display: none; }
body.layout3 div#footer{ clear: left; width: 100%; }*/


body.layout3 div#wrapper{ width: 100%; top: 70px; position: absolute; max-width: 1000px;}                                                                    
body.layout3 div#content{ margin-left: 0px; z-index:5;}                                                                                                    
body.layout3 div#navigation{display: none; }
body.layout3 div#extra{ display: none; }
body.layout3 div#footer{ clear: left; width: 100%; }*/